/*公共  ---->>相当于*{} */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

/*
    解决图片的有边框问题
 */
img, fieldset {
    border: 0;
}

/* 设置图片100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8兼容代码 */
}

/* 重新为block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/*重定义标签*/
body {
    background-size:contain;
    font: 87.5%/150% "宋体";
    color: #666;
}
a {
    color: #026acb;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 0 0 1.6em;
    padding: 0;
}

/* 列表 */
ul, ol {
    margin: 1em 0 1.4em 24px;
    padding: 0;
    line-height: 140%;
}
li {
    margin: 0 0 .5em 0;
    padding: 0;
}

/* H */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    margin: 20px 0 .4em;
    color: #000;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1em;
}
ul
{
    list-style:none;
}
a:hover{
    text-decoration: none;
}
p,a,form,h2,h3,span
{
    font-family:"PingFang SC",'Microsoft YaHei';
}
img{
    width: 100%;
    height: auto;
}
.container
{
    padding-left: 0;
    padding-right: 0;
    width: 1200px;
}

/* 按钮样式 */
input[type=search] {
    -webkit-appearance: none;
    outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}




/*
    头部
 */
#header .big_box
{
    position: fixed;
    width: 100%;
    height: 80px;
    border-bottom:1px solid #f3f3f3;
    background-color: white;
    z-index: 99999;
}
#header .box
{
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}
#header .box h1
{
    width: 108px;
    height: 32px;
    background: url("../img/logo-big.png") no-repeat;
    background-size:108px 32px ;
    float: left;
}
#header .box ul
{
    float: left;
    margin: 0 0 0 0;
    margin-left: 30px;

}
#header .box ul li
{
    float: left;
    width: 60px;
    padding: 0 5px;
    line-height: 80px;
    text-align: center;

}
#header .box ul li a
{
    font-size: 18px;
    color: #000000;

}
#header .box ul li a:hover
{
    color: #fd113a;
    text-decoration: none;
}
/*
   搜索按钮
 */
#header .box .search {
    height: 40px;
    float: left;
    width: 360px;
    margin-top: 20px;
    margin-left: 20px ;
}

#header .box .search form .searchk
{
    height: 36px;
    width: 250px;
    border:2px solid #fd113a;
    -webkit-border-radius:18px ;
    -moz-border-radius: 18px;
    border-radius:18px 0 0 18px;
    padding-left: 18px;
    float: left;
}


#header .box .search form .bttn
{
    width:98px;
    height: 36px;
    border: none;
    float: left;
    color: white;
    line-height: 36px;
    font-size:15px ;
    border-radius: 0 18px 18px 0;
    font-family: "黑体";
    padding-left:44px;
    padding-right: 20px;
    background-color: #fd113a;
    background-image: url("../img/header-search.png") ;
    background-repeat: no-repeat;
    background-position:23px 10px  ;

}
.search_kuang{
    position: absolute;
    bottom: -495px;
    left: 14px;
    height: 500px;
    width: 235px;
    background-color: white;
}
#header .box .search_kuang h3{
    padding: 0 20px;
    font-size: 16px;
    color: #999;
}
#header .box .search_kuang_ul{
    margin: 0 0 0 0;
 }
#header .box .search_kuang_ul  li:first-child{

}
#header .box .search_kuang_ul  li>div>div{
    display: none;
}
#header .box .search_kuang_ul  li p{
    margin: 0 0 0 0;
    margin-top:10px;
    text-align: left;
}
#header .box .search_kuang_ul  li .search_title p{
    line-height: normal;
}
#header .box .search_kuang_ul  li .search_title p span{
    float: none;
    display: inline-block;
    width: 40px;
    height: 25px;
    border: 1px dashed #d9d9d9;
    text-align: center;
    line-height: 25px;
    margin-right:5px;
}
#header .box .search_kuang_ul  li:nth-child(2)>div{

}
#header .box .search_kuang_ul  li:first-child>div{
    border-top: none;
}
#header .box .search_kuang_ul  li{
    float: none;
    width:235px ;
    overflow: hidden;
    line-height:normal;
    padding: 0 20px;
    height: 38px;
    line-height: 39px;
    margin: 0 0 0 0;
}
#header .box .search_kuang_ul li>div{

    border-bottom: 1px dashed #d9d9d9;
}
#header .box .search_kuang_ul  li>div .search_kuang_active{
    display: block;
    height: 90px;
}

#header .box .search_kuang_ul  li>div .search_display{
    display: block;
}
.search_kuang_active img{
    width: 60px;
    float: left;
    margin-right:10px ;
}
#header .box .search_kuang_ul li .no_float
{
    display: block;
    float: none;
    text-align: left;
    font-size: 14px;
    color: #252525;
    line-height: normal;
    margin-top: 5px;
}
.search_title{
    float: left;
}
#header .box .search_kuang_ul  li:first-child{
    height: 90px;

}
#header .box .search_kuang_ul  li a{
    font-size: 13px;
    color: #666;
    float: left;
}
#header .box .search_kuang_ul  li span{
    font-size: 13px;
    color: #666;
    float: right;
}
/*
    头部右边
 */
#header .heard_right
{
    float: right;
    width: 250px;
}
#header .heard_right ul
{
    margin: 0 0 0 0;
    width: 250px;
}
#header .heard_right ul li
{
    float: left;
    width: 42px;
    line-height: normal;
    margin-left: 2px;
  margin-top: 18px ;
}
#header .heard_right ul li>a.frist
{
    background-image: url("../img/header-vip.png");
    background-repeat: no-repeat ;
    background-position: 0px 5px ;
    height: 24px ;
    display: block;

}
#header .heard_right ul li>.frist_p
{
    margin: 0 0 0 0;
    line-height: 20px;
    color: #ffd21a;
}
#header .heard_right ul li:last-child
{
    float: right;
}

#header .heard_right ul li:last-child a>img
{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius:50px ;
    border-radius: 50px;
}
#header .heard_right ul li a
 {
     color: #929292;
    font-size: 20px;
    display: block;

 }
#header .heard_right ul li  p
{
    height:20px;
    line-height: 16px ;
    font-family: "PingFang SC",'Microsoft YaHei';
   text-align: left;
    padding-left:8px ;
}
#header .heard_right ul li  p:last-child
{
    width: 55px;
    padding-left: 0px ;

}
/*
    中部图片头
 */
#content{
    padding-top: 80px;

}
#content .c_header ul li{
    float: left;
    width: 40px;
    height: 30px ;
}
#content .c_header ul li a
{
    color:#000000;
    font-size: 14px;
}

#content .c_header ul li a:hover{
    color:#fd113a ;
}
#content>.c_img
{
    height: 380px;
}
/*
  中部图片左
 */
#content .c_left
{
   padding-left: 0;
    padding-right: 0;
}
#content .c_left #yuan
{
    position: absolute;
    bottom: 0px;
    left:90%;
}
#content .c_left #yuan .active{
    background-color: #fd113a;
    border-color:#fd113a ;
    width: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
}
#content .c_left .c_wid div>img
{
    height: 378px;
}
#content .c_left #yuan li,.boutique_list #slide_list ol>li{
    background:#d9d9d9 ;
    border-color: #d9d9d9;
}

/*
    中部图片右边
 */
#content .c_right div>div{
    padding-left:0 ;
    padding-right: 10px;
}
#content .c_right .img_bottom>div
{
    padding-top: 10px;
}
/*
       中部图片精品区
 */
#content .boutique_list h2{
     height: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #252525;
    background:url("../img/index-title-1.png") no-repeat 0 35px;
    padding-left: 40px;
}
#content .boutique_list h2>p
{
    font-size: 14px;
    float: right;
}
.boutique_list #slide_list .list_img
{
    width: 45%;
    float: left;
}
.boutique_list #slide_list .list_font
{
    float:left ;
    width: 55%;
    padding-left: 15px;
}
.boutique_list #slide_list .list_font .title{
    height: 50%;
    display: block;

}
.boutique_list #slide_list .list_font .title h3
{
    font-size: 18px;
    font-weight: 700;

}
.boutique_list #slide_list .list_font .title>.star
{
    background: url("../img/index-star-active.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
}
.boutique_list #slide_list .list_font .title>.star_null
{
    background: url("../img/index-star.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;

}
.boutique_list #slide_list .list_font .list_font_bottom
{
    padding-top:55px;
}
.boutique_list #slide_list .list_font .list_font_bottom>p
{
    margin: 0 0 3px 0px;
    font-size:13px ;
}
.boutique_list #slide_list .list_font .list_font_bottom>.list_font_bottom_bottom{
    position: absolute;
    bottom: 10px;
    left: 50%;
}
.boutique_list #slide_list .list_font .list_font_bottom>p a span{
    display: inline-block;
    width: 40px;
    height: 25px;
    border: 1px dashed #d9d9d9;
    text-align: center;
    line-height: 25px;
}
.boutique_list #slide_list .list_font .list_font_bottom>p> a
{
    color:#fd113a ;
    padding-left: 10px;
}

.boutique_list #slide_list ol
{
    position: absolute;
    bottom: -50px;
}
.boutique_list #slide_list ol .active
{
    background-color: #fd113a;
    border-color:#fd113a ;
    width: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
}
#slide_list .col-md-4
{
    padding-bottom:10px;
}
#slide_list .position{
    position: relative;
}
#slide_list .back_list
{
    opacity: 1;
    z-index: 1;
    position: absolute;
    width: 30px;
    height: 93%;
    margin-top: 23px;
    background-color:white;
    background-image: none;
}
#slide_list .back_list:hover{
    background-color: #f8f8f9;
}
#slide_list span{
    color:#666;
}
#slide_list{
    padding-left: 20px;
    padding-right: 20px;
}
#slide_list .back_list.carousel-control{
   position: absolute;
}
/*
    排行
 */
.ranking ul
{
    width:100%;
}
.ranking ul li
{
    border-bottom: 1px dashed #ededed;
}
.ranking{
    margin-top: 30px;
}
.ranking
{
    width: 33%;
    padding-right: 10px;
}
.ranking h3
{
    font-size: 20px;
    color: #252525;
    font-weight: 700;
    height: 25px;
}
.ranking h3 p
{
    font-size: 14px;
    color: #252525;
    float:right ;
    padding-right:20px ;
    background: url("../img/index-title-more.png") no-repeat 40px 8px;

}
.ranking  ul li
{
    overflow: hidden;
}
.ranking .r_img{
    width: 80px;
    float: left;
    margin-right: 15px;
}
.ranking ul li:nth-child(2){
    margin-top: 20px; 
}
.ranking .r_p
{
    float: left;
   width: 240px;
}
.ranking .r_p .r_background
{
    background:url("../img/index-rank-1.png") no-repeat 0 2px;
    float: left;
    margin-right: 10px;
}
.ranking .r_p .r_background span,.ranking_top_1,.ranking_top_2,.ranking_top_3,.ranking_top_4{
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px ;
    font-size: 13px;
    display: block;
    -webkit-border-radius:10px ;
    -moz-border-radius: 10px;
    border-radius:10px;
    color: white;
    margin-top: 2px;
    vertical-align: top;
}
.ranking .r_p a
{
    font-size: 14px;
    color: #252525;
    font-weight: 700;
}
.ranking .r_p p
{
    font-size: 13px;
    color: #666;
    margin-top: 6px;
}
.ranking .r_p_b1 .r_background{
    background: url("../img/index-rank-2.png") no-repeat 0 2px;
}
.ranking .r_p_b2 .r_background
{
    background: url("../img/index-rank-3.png") no-repeat 0 2px;
}
.ranking .r_p_b3 .r_background{
    background: url("../img/index-rank-0.png") no-repeat 0 2px;
}
.ranking .r_p_b3 .r_background span{
    color:     #666;;
}
.ranking{
    float: left;
}

/*
    最新更新
 */
.recently{
    margin-top: 20px;

}
.recently .recently_title,.classify  .classify_title,.book .book_title,.ranking_top .ranking_top_title,.copyright_title
{
   /*
        引用上面精品区
    */
    margin: 0 0 0 0;
    font-size: 30px;
    color: #252525;
    float: left;
    line-height: 42px;
    background: url("../img/index-title-2.png") no-repeat  0px 7px;
    padding-left: 50px;
}
.recently header,.classify header,.ranking_top header,.copyright header{
    overflow: hidden;
}
.recently header ul li,.classify header ul li{
    float: left;

    margin: 0 20px;

}
.recently header ul,.classify header ul{
    overflow: hidden;
    margin: 0 0 0 0;
    float: left;
    margin-left: 40px;

}
.recently header ul li a,.classify header ul li a{
    font-size: 16px;
    color: #252525;
    line-height: 42px;
    font-weight: 700;

}
.recently header ul li:nth-child(1) .b_c1{
    color: #fd113a;
}
.recently header ul li:nth-child(1) .b_c1:after
{
    background-color: #fd113a;
    height: 4px;
    border-radius: 2px;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: -8px;
    content: "";
}
.recently header ul li .b_c:after{
      background-color:#ffffff ;
  }
.recently header p,.classify header p,.book header p,.ranking_top header p{
    float: right;
    line-height: 42px;
}
.recently  .recently_img ul li{
    width: 13.8%;
    height: 330px;
    margin: 0 2.5px 20px 2.5px;
}
.recently  .recently_img ul li img{
    height: 220px;
}
.recently  .recently_img ul{
    margin: 0 0 0 0 ;

}
.recently  .recently_img ul li{
    float: left;
    position: relative;
}
.recently  .recently_img ul li .recently_wen a{
    color: #252525;
    font-size:14px;
    font-weight:700;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}
.recently  .recently_img ul li .recently_wen p,.recently .none_div  p{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.recently  .recently_img ul li .recently_wen p span,.recently .none_div  sapn{
    padding-left:10px ;
    color:  #ff3f60;
}
.recently .none_div
{
    position: absolute;
    top: -50px;
    left: -30px;
    height: 330px;
    background-color:white;
    width: 226px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(.67);
    transform: scale(.67);
    transition: all .3s;

}
.recently .none_div:hover
{
    z-index: 4;
    opacity: 1;
    top: -20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    left:-30px;
    transform: scale(1);
    -webkit-transform:scale(1);
}
.recently .none_div .none_dong_img img
{
    height:160px;
}
.recently .none_div h3 a{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #252525;
    padding-right: 10px;

}
.recently .none_div>a{
    display: block;
    width: 100%;
    height: 34px;
    margin-top: 10px;
    line-height: 34px;
    background-color: #fd113a;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
}
.recently .none_div h3>.star,.star
{
    background: url("../img/index-star-active.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
}
.recently .none_div h3>.star_null,.star_null
{
    background: url("../img/index-star.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
}
.recently .none_div  p,.recently .none_div  h3,.recently .none_div>a{
    padding-left: 10px;

}
.recently_img{
    display: none;
}
.block_recently_img{
    display: block;
}

/*
   分类 
 */
/*.classify下面的header（包括其里面的元素）元素css引用于上面的 精品区 header css
 */
.classify header .classify_title{
    background-image: url("../img/fen.jpg");
}
.classify_img_carousel_top{
 position: relative;
    height: 330px;
}
.classify_img_carousel .classify_img_carousel_top a{
    display: block;
    width: 197px;
    height: 260px;
    position: absolute;
}
.classify_img_carousel .classify_img_carousel_top_2{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-sizing: content-box;
    border: 10px solid #fff;
}
.classify_img_carousel_b>div
{
    display: none;
}
.classify_img_carousel_b .classify_img_active{
    display:block;
}
.classify_img_carousel_b dd{
    color: #666;
    font-size:13px ;
}
.classify_img_carousel_b dl{
    margin-top: 20px;
}
.classify_img_carousel_b dl dt{
    overflow: hidden;
}
.classify_img_carousel_b dl dt .font_a{
    font-size: 20px;
    color: #252525;
    font-weight: 700;
    display: block;
    float: left;
}
.classify_img_carousel_b dl dt .font_c{
    display: block;
    float: right;
    width: 100px;
    height: 34px;
    line-height: 34px;
    background-color: #fd113a;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
}
.classify_img_carousel_b dl dd{
    margin-bottom: 5px;
}
.classify_img_carousel_b dl dd a{
    color: #666;

}
.classify_img_carousel_b dl dd .a_c{
    color: #ff3f60;
}
.classify_img_carousel_b dl dd p{
    margin: 0 0 0 0;
    margin-bottom: 5px;
}
/*
      css样式与上面的css样式相同
 */


.classify  .classify_img_list ul li{
    width: 24%;
    height: 330px;
    margin: 0 2.5px 20px 2.5px;
}
.classify  .classify_img_list ul li img{
    height: 220px;
}
.classify  .classify_img_list ul{
    margin: 0 0 0 0 ;

}
.classify  .classify_img_list ul li{
    float: left;
    position: relative;
}
.classify  .classify_img_list ul li .recently_wen a{
    color: #252525;
    font-size:14px;
    font-weight:700;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}
.classify  .classify_img_list ul li .recently_wen p,.recently .none_div  p{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.classify  .classify_img_list ul li .recently_wen p span,.recently .none_div  sapn{
    padding-left:10px ;
    color:  #ff3f60;
}
.classify .none_div
{
    position: absolute;
    top: -50px;
    left: -30px;
    height: 330px;
    background-color:white;
    width: 226px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(.67);
    transform: scale(.67);
    transition: all .3s;

}
.classify .none_div:hover
{
    z-index: 4;
    opacity: 1;
    top: -20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    left:-30px;
    transform: scale(1);
    -webkit-transform:scale(1);
}
.classify .none_div .none_dong_img img
{
    height:160px;
}
.classify .none_div h3 a{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #252525;
    padding-right: 10px;

}
.classify .none_div>a{
    display: block;
    width: 100%;
    height: 34px;
    margin-top: 10px;
    line-height: 34px;
    background-color: #fd113a;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
}
.classify .none_div h3>.star,.classify .classify_img_list .star
{
    background: url("../img/index-star-active.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
}
.classify .none_div h3>.star_null,.classify .classify_img_list .star_null
{
    background: url("../img/index-star.png") no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
}
.classify .none_div  p,.classify .none_div  h3,.classify .none_div>a{
    padding-left: 10px;

}
.classify .classify_img_list ul li .recently_wen p .title_left{
    padding-left: 0;
    color: #666!important;
    padding-right: 10px;
}


/*
    .book下面的header（包括其里面的元素）元素css引用于上面的 精品区 header css
    书单
 */
.book{
    margin-top: 20px;
}
.book>header{
    overflow: hidden;
}
.book .book_title{
    background-image: url("../img/index-title-5.png");
}
.book ul{
    overflow: hidden;
    margin: 0 0 0 0;
}
.book ul li{
    float: left;
    width: 19.6%;
    margin-right:5px;
}
.book ul li:last-child{
    margin-right:0px;
}
.book ul li p a{
    font-size: 16px;
    color: #252525;
    font-weight: 700;
}
.book ul li p{
    margin:0 0 0 0;
    color: #666;
}
.book ul li>.book_p{
    margin-top:10px;
    margin-bottom:5px ;
}

/*
    周排行top500
      .ranking_top下面的header（包括其里面的元素）元素css引用于上面的 精品区 header css
 */
.ranking_top ul{
    margin: 0 0 0 0;
}
.ranking_top li{
    margin: 0 0 0 0;
}
.ranking_top{
    margin-top: 30px;
}
.ranking_top .ranking_top_title{
    background-image: url("../img/index-title-8.png");
}
/*
周排行top500左

 */
.ranking_top .ranking_top_left{
    float: left;
    width: 90px;
}
.ranking_top .ranking_top_left ul li{
    height: 36px;
    line-height: 36px;
    width: 90px;
    float: left;
    text-align: center;
    margin-top: 5px;
    background-color: #f7f7f7;
}
.ranking_top .ranking_top_left ul li span{
    font-size: 13px;
    color: #252525;
}
.ranking_top .ranking_top_left ul .active_color{
    background-color: #ffeef1;
    cursor:pointer;
}
.ranking_top .ranking_top_left ul .active_color span{
    color:  #fd113a;
}
.ranking_top .ranking_top_left ul li:hover{
    cursor:pointer;
}
/*
.ranking_top .ranking_top_left ul li:hover span{
    color:  #fd113a;
}
*/
.ranking_top .ranking_top_right{
    float: left;
    overflow: hidden;
}
/*
    排行图标引用上面的排行图标
 */
.ranking_top_1,.ranking_top_2,.ranking_top_3,.ranking_top_4{
    display: inline-block;
    float: none;
}
.ranking_top_1{
    background: url("../img/index-rank-1.png") no-repeat 0 0px;
}
.ranking_top_2
{
    background: url("../img/index-rank-2.png") no-repeat 0 0px;
}
.ranking_top_3{
    background: url("../img/index-rank-3.png") no-repeat 0 0px;
}
.ranking_top_4
{
    background: url("../img/index-rank-0.png") no-repeat 0 0px;
    color: #666666;
}
.ranking_top_1,.ranking_top_2,.ranking_top_3,.ranking_top_4{
    margin-top: 7px;
    margin-right: 15px;
}
.ranking_top .ranking_top_right ul{
    float: left;
    margin-left: 31px;
}
.ranking_top .ranking_top_right ul li
{
    height: 36px;
    line-height: 36px;
    margin-top: 5px;
    width: 190px;
}
.ranking_top .ranking_top_right ul li a{
    font-size: 13px;
    color: #252525;
    background: 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ranking_top .ranking_top_right ul li a:hover{
    color:#fd113a;
}
.ranking_top_right>div{
    display: none;
}
.ranking_top_right>.ranking_top_active{
    display: block;
}
/*
版权合作
  .copyright下面的header（包括其里面的元素）元素css引用于上面的 精品区 header css
 */
.copyright{
    margin-top: 30px;
}
.copyright header{
    width: 100%;
}
.copyright header .copyright_title{
    background-image: url("../img/index-title-9.png");
}
.copyright_img{
    margin-top: 20px;
}
.copyright_img ul{
    margin: 0 0 0 0;
    overflow: hidden;
}
.copyright_img ul li{
    float: left;
    width:14%;
    margin-right:38px;
}
.copyright_img ul li:last-child{
    margin-right:0;
}
.copyright_img .copyright_img_bottom{
    margin-top:30px;
}

/*
友情链接
 */
.friendship_link{
    margin-top: 30px;
}
.friendship_link ul{
    margin: 0 0 0 0;
}
.friendship_link p{
    font-size: 16px;
    color: #666;
}
.friendship_link ul li{
    float: left;
    width: 150px;
    margin-top: 14px;
}
.friendship_link ul li a{
    font-size: 13px;
    color: #999;
}
.friendship_link ul li a:hover{
    color: #fd113a;
}
/*
    脚部
 */
.footer{
    margin-top:30px ;
}
.footer .footer_left{
    width: 60%;
    float: left;
}
.footer .footer_left p img{
    width: 169px;
}
.footer .footer_left p span{
    display: inline-block;
    width: 80px;
    text-align: center;
    border-right:1px #999 solid;
}
.footer .footer_left p .frist_s{
    text-align:left;
}
.footer .footer_left p{
    margin:0 0 0 0;
    margin-top: 6px;
}
.footer .footer_left p .last_s{
    border: none;

}
.footer .footer_left p span a,.footer .footer_left p{
    font-size: 14px;
    color: #999;
}
.footer .footer_left .fei{
    width: 18px;
}
.footer .footer_right{
    width: 40%;
    float: left;
}
.footer .footer_right ul{
    overflow: hidden;
    padding-left: 160px;
    margin-top:20px ;
}
.footer .footer_right ul li
{
    width: 100px;
    margin: 0 0 0 0;
    margin-left: 40px;
    float: left;
}
.footer .footer_right img{
    width: 100px;
}
